<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ include file="/WEB-INF/view/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="en" class="app">
<head>  
  <meta charset="utf-8" />
  <title>睿代码 | RCode代码生成平台</title>
  <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <link rel="icon" type="image/png" href="${contextPath}/icon.png">
  <link rel="apple-touch-icon-precomposed" href="${contextPath}/icon.png">
  <link rel="stylesheet" href="${ctxStatic}/js/jPlayer/jplayer.flat.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/animate.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/simple-line-icons.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/font.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/app.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/js/datepicker/datepicker.css" type="text/css" />

    <!--[if lt IE 9]>

    <script src="${ctxStatic}/js/ie/html5shiv.js"></script>

    <script src="${ctxStatic}/js/ie/respond.min.js"></script>

    <script src="${ctxStatic}/js/ie/excanvas.js"></script>

  <![endif]-->

</head>
<body class="" style="overflow-y: auto;">
  <section class="vbox">
    <!--头部 开始-->
    <jsp:include page="../include/top.jsp"/>
    <!--头部 结束-->
    <!--菜单 开始-->
    <section>
      <section class="hbox stretch">
        <jsp:include page="../include/menu.jsp"/>
        <section id="content">
            <style>
              .appcenter-title, .appcenter-title p {
                  line-height: 40px;
                  font-size: 14px;
                  text-align: center;
                  color: #fff;
              }
              .appcenter-title {
                  margin: 0px auto 0;
              }
              .appcenter-title p {
                  margin: 0 auto;
                  width: 350px;
                  background-color: rgba(37,41,53,.5);
                  border-radius: 0 0 18px 18px;
              }
            </style>
            <div class="appcenter-title"><p>RCode代码生成平台</p> </div>

            <!--这里是正文 开始-->
            <div style="height:50px;width:100%;clear: both;"></div>
            <div class="col-sm-12">
            <section class="panel panel-default">

                <header class="panel-heading">订单信息</header>
                <div class="row wrapper">
                  <div class="col-sm-12" >
                    商户订单号：<input type="text" name="" value="" />&nbsp;&nbsp;
                    交易时间： <input class="input-sm input-s datepicker-input form-control" style="display: inline;" size="16" type="text" value="2017-12-12" data-date-format="dd-mm-yyyy" >&nbsp;&nbsp;
                    支付产品：
                    <select class="input-sm form-control input-s-sm inline v-middle">
                        <option value="">全部</option>
                        <option value="1">支付宝当面付</option>
                        <option value="2">支付宝移动支付</option>
                        <option value="3">微信APP支付</option>
                        <option value="4">微信扫码支付</option>
                    </select>&nbsp;&nbsp;
                    支付状态：
                    <select class="input-sm form-control input-s-sm inline v-middle">
                        <option value="">全部</option>
                        <option value="1">待收款</option>
                        <option value="2">收款成功</option>
                        <option value="3">收款失败</option>
                        <option value="4">收款中</option>
                    </select>
                    <button class="btn btn-sm btn-default">导出</button>                
                  </div>
                </div>

                <div class="table-responsive">

                  <table class="table table-striped b-t b-light">

                    <thead>

                      <tr>
                        <th>商户订单号</th>
                        <th>交易时间</th>
                        <th>商品名称</th>
                        <th>金额</th>
                        <th>支付产品</th>
                        <th>订单状态</th>
                      </tr>

                    </thead>

                    <tbody>
                      <tr>
                        <td>3123124123123123123</td>
                        <td>2017-12-01 17:09:21</td>
                        <td>挂号费</td>
                        <td>￥0.01</td>
                        <td>微信扫码支付</td>
                        <td>收款成功</td>
                      </tr>
                      <tr>
                        <td>3123124123123123123</td>
                        <td>2017-12-01 17:09:21</td>
                        <td>挂号费</td>
                        <td>￥0.01</td>
                        <td>微信扫码支付</td>
                        <td>收款成功</td>
                      </tr>
                      <tr>
                        <td>3123124123123123123</td>
                        <td>2017-12-01 17:09:21</td>
                        <td>挂号费</td>
                        <td>￥0.01</td>
                        <td>微信扫码支付</td>
                        <td>收款成功</td>
                      </tr>
                      <tr>
                        <td>3123124123123123123</td>
                        <td>2017-12-01 17:09:21</td>
                        <td>挂号费</td>
                        <td>￥0.01</td>
                        <td>微信扫码支付</td>
                        <td>收款成功</td>
                      </tr>
                      <tr>
                        <td>3123124123123123123</td>
                        <td>2017-12-01 17:09:21</td>
                        <td>挂号费</td>
                        <td>￥0.01</td>
                        <td>微信扫码支付</td>
                        <td>收款成功</td>
                      </tr>


                    </tbody>

                  </table>

                </div>

                <footer class="panel-footer">

                  <div class="row">

                    <div class="col-sm-4 hidden-xs">

                      
                    </div>


                    <div class="col-sm-4 text-right text-center-xs">                

                      <ul class="pagination pagination-sm m-t-none m-b-none">

                        <li><a href="#"><i class="fa fa-chevron-left"></i></a></li>

                        <li><a href="#">1</a></li>

                        <li><a href="#">2</a></li>

                        <li><a href="#">3</a></li>

                        <li><a href="#">4</a></li>

                        <li><a href="#">5</a></li>

                        <li><a href="#"><i class="fa fa-chevron-right"></i></a></li>

                      </ul>

                    </div>

                  </div>

                </footer>

              </section>
            </div>  
            <!--这里是正文 结束-->
        </section>
      </section>
    </section>
    <!--菜单 结束-->
  </section>

  <script src="${ctxStatic}/js/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="${ctxStatic}/js/bootstrap.js"></script>
  <!-- App -->
  <script src="${ctxStatic}/js/app.js"></script>
  <!-- datepicker -->
  <script src="${ctxStatic}/js/datepicker/bootstrap-datepicker.js"></script>
  <script src="${ctxStatic}/js/slimscroll/jquery.slimscroll.min.js"></script>
  <script src="${ctxStatic}/js/app.plugin.js"></script>
  <script type="text/javascript" src="${ctxStatic}/js/jPlayer/jquery.jplayer.min.js"></script>
  <script type="text/javascript" src="${ctxStatic}/js/jPlayer/add-on/jplayer.playlist.min.js"></script>
  <script type="text/javascript" src="${ctxStatic}/js/jPlayer/demo.js"></script>
</body>

</html>